@import '../../../css/colorVar.less';
.tabLine :global(.ant-tabs-nav::before) {
  display: block;
  border: 1px solid #f0f0f0;
}
.tabBottom {
  :global {
    .ant-tabs {
      > .ant-tabs-card-bar {
        margin-bottom: 0 !important;
      }

      > .ant-tabs-nav {
        margin-bottom: 0;
      }
    }
  }
}

.tabBox {
  :global {
    .ant-tabs {
      > .ant-tabs-card-bar {
        margin-bottom: 20px !important;
        border: 0;
      }

      .ant-tabs-bar {
        border: 0;

        .ant-tabs-nav-container {
          height: 32px !important;
        }

        .ant-tabs-extra-content {
          line-height: 32px !important;
        }

        .ant-btn {
          line-height: 1px !important;
        }
      }

      .ant-tabs-nav {
        .ant-tabs-tab {
          height: 32px !important;
          line-height: 30px !important;
          padding: 0 12px !important;
          margin-right: 0 !important;
          background: @tab_selBg !important;
          // border-radius: 0 !important;
          border: 1px solid @tab_activeBg!important;

          &.ant-tabs-tab-active {
            border: 1px solid @text_a_Tag !important;
            z-index: 1;
          }
        }

        .ant-tabs-nav-wrap {
          height: 40px;
          // margin-top: 16px !important;
          .ant-tabs-nav-list {
            div:nth-child(1) {
              border-radius: 4px 0 0 4px !important;
            }
            div:nth-child(2) {
              border-radius: 0 4px 4px 0 !important;
            }
          }
        }
        .ant-tabs-nav-wrap::before {
          display: none;
        }
      }
    }
  }
  :global(.ant-tabs-nav::before) {
    display: none;
  }
}

.tabLine {
  :global(.ant-tabs-nav) {
    margin-bottom: 16px !important;
  }
  :global {
    .ant-tabs-nav-list {
      height: 42px;
    }
    .ant-tabs-tab {
      padding: 12px 16px !important;
      // line-height: 1;
    }
    .ant-tabs > .ant-tabs-bar {
      margin: 0 0 16px !important;

      .ant-tabs-nav .ant-tabs-ink-bar {
        display: block !important;
      }
      .ant-tabs-nav .ant-tabs-tab {
        line-height: normal;
        border: 0;
        padding: 12px !important;
        margin: 0 20px 0 0;
      }

      .ant-tabs-nav .ant-tabs-tab-active {
        background: @tab_selBg;
        color: @text_a_Tag;
      }
    }
  }
}

.tabLine :global(.ant-tabs-tab-remove) {
  margin-left: 0 !important;
  width: 16px;
}
.tabClass {
  :global {
    .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active {
      background: @tabPane_background!important;
      color: @text_a_Tag!important;
      border-bottom-color: @cardC_border!important;
    }
    .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
      background: @cardC_bg!important;
      border: 1px solid @cardC_border!important;
    }
    .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab {
      color: @table_body_text;
      height: 40px;
      margin-right: 4px;
      padding: 0 24px;
      line-height: 38px;
      border: 1px solid rgba(67, 118, 255, 20%);
      border-radius: 4px 4px 0 0;
    }
    .ant-tabs-tab-remove {
      margin-right: -20px !important;
      margin-left: 4px !important;
    }
  }
}
